/*
 * @Author: Await
 * @Date: 2025-05-06 18:30:00
 * @LastEditors: Await
 * @LastEditTime: 2025-05-06 18:30:00
 * @Description: 粉笔主题预设
 */
import { ThemeConfig } from '../../../../types/chartTypes';

const chalkTheme: ThemeConfig = {
  themeName: '粉笔主题',
  color: [
    '#fc97af', 
    '#87f7cf', 
    '#f7f494', 
    '#72ccff', 
    '#f7c5a0', 
    '#d4a4eb', 
    '#d2f5a6', 
    '#76f2f2',
    '#ffb3c8',
    '#a0efcf'
  ],
  backgroundColor: 'rgba(41, 52, 65, 1)',
  textStyle: {
    color: '#eee',
    fontFamily: 'sans-serif',
    fontSize: 12,
  },
  title: {
    textStyle: {
      color: '#ffffff',
      fontSize: 16,
      fontWeight: 'normal',
    },
    subtextStyle: {
      color: '#dddddd',
      fontSize: 12,
    },
  },
  line: {
    symbol: 'circle',
    symbolSize: 4,
    smooth: false,
    lineStyle: {
      width: 3,
      type: 'solid',
    },
  },
  radar: {
    symbolSize: 4,
    lineStyle: {
      width: 2,
    },
    areaStyle: {
      opacity: 0.2,
    },
  },
  tooltip: {
    backgroundColor: 'rgba(255, 255, 255, 0.9)',
    borderColor: '#ccc',
    borderWidth: 0,
    padding: 10,
    textStyle: {
      color: '#333',
    },
  },
  axis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: '#eee',
        width: 1,
      },
    },
    axisTick: {
      show: true,
      lineStyle: {
        color: '#eee',
        width: 1,
      },
    },
    axisLabel: {
      color: '#eee',
      fontSize: 10,
    },
    splitLine: {
      lineStyle: {
        color: ['#aaa'],
        width: 1,
        type: 'solid',
      },
    },
    splitArea: {
      show: true,
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)'],
      },
    },
  },
  legend: {
    textStyle: {
      color: '#eee',
      fontSize: 12,
    },
  },
  toolbox: {
    iconStyle: {
      normal: {
        borderColor: '#eee',
      },
      emphasis: {
        borderColor: '#fff',
      },
    },
  },
  timeline: {
    lineStyle: {
      color: '#eee',
      width: 1,
    },
    itemStyle: {
      color: '#fc97af',
      borderWidth: 1,
    },
    controlStyle: {
      color: '#fc97af',
      borderColor: '#fc97af',
    },
    label: {
      color: '#fc97af',
    },
  },
};

export default chalkTheme;